<template>
    <picker
      @change="onChange"
      :value="index"
      :range-key="fieldNames.label"
      :range="options"
	  :disabled="disabled"
    >
      <view class="zs-picker">
        <view v-if="index > -1 && options[index][fieldNames.label]">
           {{  options[index][fieldNames.label].substr(0,maxTextLength) }}
        </view>
        <view v-else class="placeholder">{{ placeholder }}</view>
        <text class="iconfont " :class="rightIcon"></text>
		<!-- <text class="iconfont icon-xialasanjiao"></text> -->
      </view>
    </picker>
</template>

<script src='./index.js'></script>
<style scoped src='./index.less' lang='less'></style>
